前面好多篇文章都是Android Studio、源码编译、ndk等相关教程,今天敲一敲代码,不然都生锈了哈^_^。
来个古装动画美图,缓解大家疲劳的眼睛…(话说有木有人知道这是谁???)
这是一个类似rpg游戏人物对话,文本逐字显示的view,先上效果图,不然大家都没有兴趣看下去,嘿嘿。
Demo地址:github(喜欢的可以运行看看)
注:我录制的gif是不是很清晰,想知道我用的是什么工具制作的吗?^_^ (评论中有方法喔)
思路:想让汉字、英文、数字、符号等逐个显示,首先想到的是字符串处理,写一个工具类拆分汉字、英文、数字、符号等,然后就是应用到Android的View上了,View上的实现其实很low,就是先使用工具类拆分一篇文本,然后将使用递归每隔300毫秒(时间可以修改)将文本画到View的Canvas上;大体思路就是这样。
注:不知道有没有已经造好轮子,我在网上没找到类似的。如果大家看过类似的又比较优秀的实现,麻烦在评论里发给我哈。
1.首先写字符串工具类XTextUtils.java,拆分字符串,代码如下:
1 | /** |
我们使用网上的任意一篇文章测试,这个工具类,效果如下图:
1 | 胡|歌|,|1982|年|9|月|20|日|出|生|于|上|海|市|徐|汇|区|,|中|国|内|地|演|员|、|歌|手|、|制|片|人|。|1996|年|,|14|岁|的|胡|歌|便|成|为|上|海|教|育|电|视|台|的|小|主|持|人|,|2001|年|考|入|上|海|戏|剧|学|院|表|演|系|。|2005|年|因|在|电|视|剧|《|仙|剑|奇|侠|传|》|中|成|功|塑|造|了|豪|爽|深|情|的|“|李|逍|遥|”|一|角|而|成|名|,|并|演|唱|插|曲|《|六|月|的|雨|》|《|逍|遥|叹|》|。|2009|年|在|“|80|后|新|生|代|娱|乐|大|明|星|”|评|选|中|获|封|“|四|大|小|生|”|之|一|。| |
2.好了下面开始自定义View类的coding了,代码如下:
注:如果直接使用canvas.drawText()的话,很难根据屏幕的宽度自动换行,还好Andorid为我们提供了StaticLayout类,使用它可以轻松的实现文本自动换行,以及行间距、对其方式(居左对齐、居中对其、居右对齐)等。
1 | /** |
3.接下来就是调用了,运行了,如下图
layout文件如下1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.zhangyipeng.graduallyshowtext.TargetActivity">
<com.example.zhangyipeng.gradually_show_text.view.XTextView
android:id="@+id/xtv"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:textXAlignment="normal"
app:textColor="#ff003b"
app:textSize="20sp"
app:textContent="你好"
app:textSpacingMult="1.5"
app:textSpacingAdd="0.0"
/>
</RelativeLayout>
4.运行效果如下(再贴一次哈):
Demo地址:github